*{ margin:0px; padding:0px;}
body{ font-family:微软雅黑; font-size:1em; overflow-x:hidden; width:100%;}
a{ color:#000; text-decoration:none;}
ul{ list-style:none;}
img{ border:0px;}
a{ display:block;}

.content{ position:relative; background:url(../img/xt_03.png) top repeat-x; background-color:#2d2f31;}
.content div.container{ position:relative; padding:8% 0px; }
.content a{ width:7.2%; position:relative; min-width:59px;}
.content a div.img{ text-align:center; width:100%; height:30px; margin:10% auto 0;}
.content a div.text{ text-align:center; color:#fff; font-size:14px;}
.content a.pic6{margin:auto;}

/*main_1*/
.content div.container_main_1{ min-height:79px; position:relative; clear:both; margin-top:10px;  }
.content div.container_main_1 a:first-child{ margin-left:7%; float:left; }
.content div.container_main_1 a:last-child{ margin-right:7%; float:right; }

/*main_2*/
.content div.container_main_2{ min-height:79px; position:relative; margin-top:10%; margin-bottom:3%;}
.content div.container_main_2 a:first-child{ margin-left:15%; float:left; }
.content div.container_main_2 a:last-child{ margin-right:15%; float:right; }

/*main_3*/
.content div.container_main_3{ position:absolute;  top:35%; left:28%; width:42%; height:42%; }
.content .pic0{
    position: absolute;
    width: 100%;
    height:100%;
    left: 2px;
    background:url(../img/index_06.png) top center no-repeat; background-size:contain
}

/*main-4*/
.container_main_4{ min-height:79px; position:relative; margin-top:0%; width:100%;}
.content div.container_main_4 a:first-child{ margin:0px auto;}

.content a div.img1{ text-align:center; width:100%; height:30px; margin:20% auto 0;}
.content a div.text1{ text-align:center; color:#fff; font-size:12px; margin-top:10px;}

@media screen and (min-width: 359px){
    /*main-4*/
    .container_main_4{ min-height:59px; position:relative; margin-top:0%; }
    .content div.container_main_4 a:first-child{ margin:0px auto;}

    /*main_1*/
    .content div.container_main_1{ min-height:59px; position:relative; clear:both; margin-top:10px;  }
    .content div.container_main_1 a:first-child{ margin-left:12%; float:left; }
    .content div.container_main_1 a:last-child{ margin-right:12%; float:right; }

    /*main_2*/
    .content div.container_main_2{ min-height:59px; position:relative; margin-top:15%; margin-bottom:5%;}
    .content div.container_main_2 a:first-child{ margin-left:18%; float:left; }
    .content div.container_main_2 a:last-child{ margin-right:18%; float:right; }

    .content div.container_main_3{ position:absolute; top:33%; left:30%; width:40%; height:40%; }
    .content .pic0{
        position: absolute;
        width: 100%;
        height:100%;
        left: 2px;
        background:url(../img/index_06.png) top center no-repeat; background-size:contain
    }


}
/*
@media screen and (max-width: 360px){
                .content div.container_main_3{ position:absolute; top:30%; left:29%; width:42%; height:40%; }
}

@media screen and (min-width: 380px){
                .content a.pic3{ margin-right:11%;}
                .content a.pic5{ margin-right:14%;}

}

@media screen and (max-width: 380px){
        .content a div.img{ text-align:center; width:100%; height:30px; margin:10% auto 0;}
        .content a div.img1{height:30px;}
        .content a div.text1{ font-size:12px;}


        }

@media screen and (min-width: 380px){
        .content a div.img{ margin:11% auto 0;}
        .content div.container_main_1{ margin-top:7%;}
        .content div.container_main_2{ margin-top:15%;margin-bottom:7%;}
        .content a.pic1{margin:auto;}

        }
@media screen and (min-width:500px){
                .content a.pic2{ margin-left:12%;}
                .content a.pic3{ margin-right:12%;}
                .content a.pic4{ margin-left:15%;}
                .content a.pic5{ margin-right:15%;}
                .content a div.img1{ margin-top:30%; }
                .content div.container_main_2{ margin-top:20%;margin-bottom:10%;}
        }
@media screen and (min-width:650px){
                .content a div.img1{ margin-top:35%;}

        }
*/
div.pic0 img{
    animation:myfirst 2s linear 0s infinite;
    -moz-animation:myfirst 2s linear 0s infinite;
    -webkit-animation:myfirst 2s linear 0s infinite;
    -o-animation:myfirst 2s linear 0s infinite;
}



footer{ text-align:left; line-height:20px; background:#2D2F31; font-size:11px; color:#fff;}

/*幻灯片*/
header{text-align:center;   position:relative;      overflow:hidden; background:url(../img/bj.png);}
ul{ margin:0px; padding:0px;}
#nav{ position:absolute; width:100%; height:20px; line-height:20px; bottom:0px; z-index:999;}
#nav{ float:left; margin-right:5%; opacity:1;}
#nav ul li{ float:left; background:#eee; border-radius:10px; width:10px; height:10px; margin-left:10px; margin-top:5px; opacity:0.3;}
#nav ul li.active{ background:#fff;opacity:0.8;}
.black{}
.banner{}
.banner img{
    width:100%;


}
.banner ul li{ float:left; padding:0px 0px;}

.catemenu {
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    margin: 10px 10px 4px 9px;
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
.catemenu ul {
    width: 100%;
    overflow: hidden;
}
.catemenu li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.catemenu li {
    width: 33.33%;
    float: left;
    font-size: 15px;
    border-top: 1px solid #EDEDED;
}
.catemenu li:nth-child(-n+3) {
    border-top: 0 none;
}
.catemenu a{
    display: block;
    border-right: 1px solid #EDEDED;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:20px 5px;
    height:100%;
    text-align:center;
}
.catemenu li:nth-child(3n) a{
    border-right: 0 none;
}
img {
    max-width: 100%;
    height: auto;
    width: auto;
    border: none;
}
ul {
    list-style: none;
}

.weiba-masklayer.black {
    background-color: #000000;
    opacity: 0;
}


